@charset "utf-8";
/* CSS Document */

.vgn-navBar-sticky {
    z-index: 1800; }
    

/* small */
@media screen and (max-width: 599px) {
.vgn-hasNav {height: 44px;
min-height: 44px;
max-height: 44px;
}
.vgn-subUtilityBar {height:0;}
.vgn-utilityBar {
height: 22px;
width:100%;
}
.vgn-utilityBar {
font-size: 10px;
line-height: 22px;
color: #fff;
background-color: #1a1a1a;
}
 .vgn-subUtilityBarLogo {
    position: absolute;
    top: 0;
    left: 115px;
    background: url(https://static.vgcontent.info/crp/intl/intlcommon/v4.3/images/icons/VGsignature_lgScreen.png) no-repeat;
    width: 107px;
    height: 26px;
    text-decoration: none;
    margin-top: 10px;
}

a.vgn-logo, .vgn-subUtilityBarLogo {background-image: url(https://static.vgcontent.info/crp/intl/intlcommon/v4.3/images/icons/VGsignature_lgScreen.png); }

a.vgn-logo {background:none;}
.vgn-siteIndicator {padding:0;}

#vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-boilerplate .vgn-logo {
background-image: none;
}
#vgn-globalFooter .vgn-legalFooter {
font-family: Arial, sans-serif;
background: #333333;
padding: 1em 0;
color: #999999;
overflow: hidden;
_text-align: center;
_zoom: 1;
}
#vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-legalFooterDisclosure, #vgn-globalFooter .vgn-legalFooter p {
      font-size: 12px;
      margin-bottom: 18px;
      margin-right: 2em; }
#vgn-globalFooter .vgn-legalFooter .vgn-linkList li a {font-size: 12px;}
 #vgn-globalFooter .vgn-legalFooter a,
  #vgn-globalFooter .vgn-legalFooter a:link,
  #vgn-globalFooter .vgn-legalFooter a:visited,  #vgn-globalFooter .vgn-legalFooter a span:first-child {
    color: #999999;}      

#gbs-header-phone-link {
    position: relative; 
    top: 3px;
    right: -80%;
    width: 40px;
}

    /* Added to override javascript width for non jsp version */
    .searchWrapper .autoCompleteBox {
        width: 100% !important;
    } 
    
    span.ff_name_with_product_type_no_fs {min-width:190px; max-width:190px;}
}

/* Global Header medium */
@media screen and (min-width: 600px) and (max-width: 1000px) {
	
.vgn-navBar {
  
 background-color: #96151D; 
}	
.vgn-siteIndicator
{position: absolute;
left: 240px;
top: 5px;
color: #fff;
}
.vgn-hasNav {height: 44px;
min-height: 44px;
max-height: 44px;
}
.vgn-subUtilityBar {height:0;}
 .vgn-subUtilityBarLogo {
    position: absolute;
    top: 0; 
    left: 115px;
    background: url(https://static.vgcontent.info/crp/intl/intlcommon/v4.3/images/icons/VGsignature_lgScreen.png) no-repeat;
    width: 107px;
    height: 26px;
    text-decoration: none;
    margin-top: 10px;
}

a.vgn-logo, .vgn-subUtilityBarLogo {background-image: url(https://static.vgcontent.info/crp/intl/intlcommon/v4.3/images/icons/VGsignature_lgScreen.png); }

a.vgn-logo {background:none;}

#vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-boilerplate .vgn-logo {
background-image: none;
}
#vgn-globalFooter .vgn-legalFooter {
font-family: Arial, sans-serif;
background: #333333;
padding: 1em 0;
color: #999999;
overflow: hidden;
_text-align: center;
_zoom: 1;
}
 #vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-legalFooterDisclosure, #vgn-globalFooter .vgn-legalFooter p {
      font-size: 12px;
      margin-bottom: 18px;
      margin-right: 2em; }
#vgn-globalFooter .vgn-legalFooter .vgn-linkList li a {font-size: 12px;}
 #vgn-globalFooter .vgn-legalFooter a,
  #vgn-globalFooter .vgn-legalFooter a:link,
  #vgn-globalFooter .vgn-legalFooter a:visited,  #vgn-globalFooter .vgn-legalFooter a span:first-child {
    color: #999999;}

#gbs-header-phone-link {
    position: relative;
    top: 3px;
    right: -88%;
    width: 40px;
}

 
}

/* GBS Meduim */
@media screen and (min-width: 600px) and (max-width: 966px) {
   /* Added to override javascript width for non jsp version */
    .searchWrapper .autoCompleteBox {
        width: 100% !important;
    } 
}

/* Global Header large */

@media screen and ( min-width: 967px ), print {
ul.vgn-dropDownMenu li a.vgn-dropDownLink {
    color:#1a1a1a;}

.vgn-utilityBar {
  font-size: 10px;
  color: #FFF;
  background-color: #96151D;
  height:27px;
  letter-spacing:0.400000005960465px; }

.vgn-utilityBar a,
.vgn-utilityBar a:link,
.vgn-utilityBar a:visited,
.vgn-utilityBar a:active,
.vgn-utilityBar a:focus,
.vgn-utilityBar a:hover {
  color: #fff;
}

.vgn-arrow:after {
  content: "";
  border-top-color: #fff;
 }  
  
.vgn-utilityLink {
  padding: 6px 0px;
  _padding: 5px 0px;
 }
.vgn-utilityLinks {
  padding-right: 15px;
}

.vgn-siteIndicator,
.vgn-siteIndicatorMenu {
  padding: 6px 0px;
  _padding: 5px 0px;
 }
 
 .vgn-utilityLinkItem {
  margin-left: 24px; 
}
 
a.vgn-logo {
  background-image: url(../images/icons/vanguard_logo.svg);  background-repeat: no-repeat;} 
.vgn-subUtilityBarLogo {
      margin-top: 11px;
      margin-left: 6px;
} 

a.vgn-logo, .vgn-subUtilityBarLogo {background-repeat: no-repeat;} 
.vgn-subUtilityBarLogo {
width: 139px;
height: 39px;
} 

.vgn-subUtilityBar {background:#FFF url(https://static.vgcontent.info/crp/intl/intlcommon/v4.3/images/icons/channel_bg.gif) repeat-x; height: 76px; position: relative; }
  
 .vgn-hasNav {
    height: 27px;
    min-height: 27px;
    max-height: 27px; }
.vgn-navBar {
  font-size: 13px;
 background-color: #D4CFC3; 
}
.vgn-navigation .vgn-highLevelNav {
  padding: 0 18px;
}
.vgn-silo {
   border-left: 3px solid #D4CFC3;
}

.vgn-activeSilo .vgn-siloTab,
.vgn-activeSilo .vgn-siloTab:link,
.vgn-activeSilo .vgn-siloTab:visited,
.vgn-selectedSilo .vgn-siloTab,
.vgn-selectedSilo .vgn-siloTab:link,
.vgn-selectedSilo .vgn-siloTab:visited {
  background-color: #fff;
  color:#96151d; }

.vgn-siloTab,
.vgn-siloTab:link,
.vgn-siloTab:visited,
.vgn-siloTab:active,
.vgn-siloTab:focus,
.vgn-siloTab:hover {
  padding: 4px 12px 4px 12px;
  color: #333;
  text-decoration: none;
 }

.vgn-siloTab:active,
.vgn-siloTab:focus,
.vgn-siloTab:hover {color:#96151D; background-color: #fff; }

.vgn-silo .vgn-arrow:after {
    border-top-color: #666;
    margin: 0px -4px 2px 8px; }
    
.vgn-selectedSilo .vgn-arrow:after, .vgn-silo:hover .vgn-arrow:after{
    border-top-color: #96151D;
    margin-left: 8px; }

.vgn-activeSilo .vgn-activeSiloIndicator {
  display: none; }
    
.vgn-siloPanel {
  border: 1px solid #D4CFC3;
  border-top: none;
}
 .vgn-siloPanel {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);  } 
      
.vgn-siloPanelContent {
  padding: 0 0 7px 7px; }
  
.vgn-siloPanel1 .vgn-subSilo {
  width: 246px; }
  
.vgn-navigation .vgn-subSilo {
  padding-right: 6px; }
 
.vgn-siloPanel .vgn-link,
.vgn-siloPanel .vgn-link:link,
.vgn-siloPanel .vgn-link:visited {padding-right: 0;}

.vgn-subSiloGroup a:hover{background-color:#96151d; color: #fff !important;text-decoration: none !important;}
.vgn-siloPanel3 .vgn-subSilo {width: 180px; }
.vgn-siloPanel3 { width: auto; left:auto !important; }
.vgn-subUtilityBarSearch {top:10px;}

.vgn-siloPanel .vgn-link:focus {text-decoration:none;}

.vgn-subUtilityBarSearch .vgn-searchBar {
    margin-right: 16px;
}

#vgn-subUtilityBarSearchInput {
  background-color: none; 
  color: #999999;
  padding-left: 22px;
  padding-right: 20px;
  margin-right: 0;
  width: 186px;
  height: 25px;
  font-size: 12px;
  line-height: 12px; 
  float: left;
  background:url(https://static.vgcontent.info/crp/intl/intlcommon/v3.8.2/images/icons/search_bg.png) no-repeat -3% 50%; }

 #vgn-subUtilityBarSearchSubmitButton {
      background: #A8A093 }
      
#vgn-subUtilityBarSearchSubmitButton {
  width: 60px;
  height: 25px;
  background-color:#A8A093;
  background: -webkit-gradient(linear, left top, left bottom, from(#D4CFC3), to(#A9A194)); 
background: -moz-linear-gradient(top, #D4CFC3, #A9A194); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4CFC3', endColorstr='#A9A194');
  _background-position: 0px;
  float: right;
  _float: left;
  position: relative;
  top: 0; 
  
  
}

#vgn-subUtilityBarSearchForm .vgn-closeBtn.vgn-small {
  margin-top: 2px;
  margin-left: -25px;
}

#vgn-subUtilityBarSearchSubmitButton {font-family:Arial, Helvetica, sans-serif; padding:1px 8px 1px 8px; text-transform:uppercase;  vertical-align: baseline; color:#333; text-transform:uppercase; font-size:10px;  }
#vgn-subUtilityBarSearchSubmitButton:after {
content: "Search";}

#vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-boilerplate .vgn-logo {
background-image: none;
}
#vgn-globalFooter .vgn-legalFooter {
font-family: Arial, sans-serif;
background: #D4CFC3;
padding: 1em 0;
color: #333333;
overflow: hidden;
_text-align: center;
_zoom: 1;
}
 #vgn-globalFooter .vgn-legalContainer .vgn-mainContent .vgn-legalFooterDisclosure, #vgn-globalFooter .vgn-legalFooter p {
      font-size: 12px;
      margin-bottom: 18px;
      margin-right: 2em; }
#vgn-globalFooter .vgn-legalFooter .vgn-linkList li a {font-size: 12px;}
 #vgn-globalFooter .vgn-legalFooter a,
  #vgn-globalFooter .vgn-legalFooter a:link,
  #vgn-globalFooter .vgn-legalFooter a:visited,  #vgn-globalFooter .vgn-legalFooter a span:first-child {
    color: #333;}

#gbs-header-phone-link {
    float: right;
    margin: 12px 28px 0px;
}



}

/* GBS large */
@media screen and ( min-width: 880px ) {
    /* Added to override javascript width for non jsp version */
    .searchWrapper .autoCompleteBox {
        width: 501px !important;
    }   
    
}


@media ( min-width : 1000px) {
			#languageToggleSiloTab {
				display: none !important;
			}
		}
	

/* added by TS on 1-10-17 to hide phone numbers in the GH for all GAS sites per business request */
#gbs-header-phone-link {display:none !important;}

/* make sure logo is relative to red bar on mobile */
#vgn-globalHeader .vgn-subUtilityBar .vgn-container {
    position: relative;
}

/* style buttons on site preferences */
input.vgn-actionButton.vgn-actionButton-primary {
    padding: 1rem 1.5rem;
    font-size: 12px;
    font-weight: normal;
}

.vgn-navigation .vgn-subSilo {word-break:normal;}

@media (min-width: 600px) {
                                #vgn-globalHeader.vgn-section * {
                                vertical-align: middle;
                                }
                }
				
/*Fixes utility alignment on large TS*/
@media (min-width: 1000px) {
                                #vgn-globalHeader.vgn-section * {
                                 vertical-align: top; 
                                }
                }
				
.p_r_18 {    padding-left: 10px !important;
                                     padding-right: 8px !important; }


table.quoteTable td.p_r_18 {padding-left:21px !important;}

/* Italy About Us page banner*/
.about-us-banner { 
                background: url("https://static.vgcontent.info/crp/intl/gas/images/banners/silver-balls-banner.jpg") no-repeat;
                padding: 36px 18px; 
                margin-bottom: 18px; 
}



/* This css was added for Investment Stewardship page only if you have a page that needs to use this please see Mark or Tracy first. Do not modify */
/* Grid system */
.gbs-grid-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; }
.gbs-grid-row > [class*="gbs-col-"] { position: relative; min-height: 1px; padding-left: 6px; padding-right: 6px; word-wrap: break-word; width: 100%; }
/* Option align grid column height */
.gbs-grid-row.align-col-height > [class*="gbs-col-"] { display: -ms-flexbox; display: flex; }
.gbs-grid-row.align-col-height > [class*="gbs-col-"] > * { width: 100%; }
/* Grid widths */
.gbs-col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gbs-col-xs-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
.gbs-col-xs-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
.gbs-col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.gbs-col-xs-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
.gbs-col-xs-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
.gbs-col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gbs-col-xs-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
.gbs-col-xs-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
.gbs-col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.gbs-col-xs-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
.gbs-col-xs-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
/* non standard columns */
.gbs-col-xs-fifth {flex: 0 0 20%; max-width: 20%;}
.gbs-col-xs-seventh {flex: 0 0 14.285714%; max-width: 14.285714%;}
/* Create margins between grids */
.gbs-col-xs-offset-12 { margin-left: 100%; }
.gbs-col-xs-offset-11 { margin-left: 91.66666667%; }
.gbs-col-xs-offset-10 { margin-left: 83.33333333%; }
.gbs-col-xs-offset-9 { margin-left: 75%; }
.gbs-col-xs-offset-8 { margin-left: 66.66666667%; }
.gbs-col-xs-offset-7 { margin-left: 58.33333333%; }
.gbs-col-xs-offset-6 { margin-left: 50%; }
.gbs-col-xs-offset-5 { margin-left: 41.66666667%; }
.gbs-col-xs-offset-4 { margin-left: 33.33333333%; }
.gbs-col-xs-offset-3 { margin-left: 25%; }
.gbs-col-xs-offset-2 { margin-left: 16.66666667%; }
.gbs-col-xs-offset-1 { margin-left: 8.33333333%; }
.gbs-col-xs-offset-0 { margin-left: 0; }
/*** min-width = 600px, gutter width = 14px ***/
@media screen and (min-width: 37.5em) {
    .gbsContainer { padding: 14px; }
    .gbsContainerLarge { padding: 54px 14px 63px; }
    .gbsContainerMedium { padding: 36px 14px; }
    .gbsContainerLargeTop { padding: 54px 14px 0; }

    .gbs-grid-row { margin-left: -7px; margin-right: -7px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 7px; padding-right: 7px; }
    /* Grid widths */
    .gbs-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-sm-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-sm-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-sm-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-sm-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-sm-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-sm-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-sm-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-sm-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-sm-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-sm-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-sm-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
	/* non standard columns */
	.gbs-col-sm-fifth {flex: 0 0 20%; max-width: 20%; }
	.gbs-col-sm-seventh {flex: 0 0 14.285714%; max-width: 14.285714%;}
    /* Create margins between grids */
    .gbs-col-sm-offset-12 { margin-left: 100%; }
    .gbs-col-sm-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-sm-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-sm-offset-9 { margin-left: 75%; }
    .gbs-col-sm-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-sm-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-sm-offset-6 { margin-left: 50%; }
    .gbs-col-sm-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-sm-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-sm-offset-3 { margin-left: 25%; }
    .gbs-col-sm-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-sm-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-sm-offset-0 { margin-left: 0; }
	
	.about-us-banner {
                background-position: center;
                min-height: 234px;
	}
}

/*** min-width = 768px, gutter width = 18px ***/
@media screen and (min-width: 48em) {
    .gbsContainer { padding: 18px; }
    .gbsContainerLarge { padding: 54px 18px 63px; }
    .gbsContainerMedium { padding: 36px 18px; }
    .gbsContainerLargeTop { padding: 54px 18px 0; }

    .gbs-grid-row { margin-left: -9px; margin-right: -9px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 9px; padding-right: 9px; }
    /* Grid widths */
    .gbs-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-md-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-md-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-md-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-md-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-md-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-md-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-md-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-md-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-md-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-md-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-md-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
	/* non standard columns */
	.gbs-col-md-fifth {	flex: 0 0 20%;max-width: 20%;}
	.gbs-col-md-seventh { flex: 0 0 14.285714%; max-width: 14.285714%; }
    /* Create margins between grids */
    .gbs-col-md-offset-12 { margin-left: 100%; }
    .gbs-col-md-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-md-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-md-offset-9 { margin-left: 75%; }
    .gbs-col-md-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-md-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-md-offset-6 { margin-left: 50%; }
    .gbs-col-md-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-md-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-md-offset-3 { margin-left: 25%; }
    .gbs-col-md-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-md-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-md-offset-0 { margin-left: 0; }
	
	
}


/*** min-width = 1002px ***/
@media screen and (min-width: 62.625em) {
    /* Grid widths */
    .gbs-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-lg-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-lg-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-lg-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-lg-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-lg-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-lg-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-lg-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-lg-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-lg-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-lg-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-lg-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
	/* non standard columns */
	.gbs-col-lg-fifth {	flex: 0 0 20%;	max-width: 20%; }
	.gbs-col-lg-seventh { flex: 0 0 14.285714%;	max-width: 14.285714%; }
    /* Create margins between grids */
    .gbs-col-lg-offset-12 { margin-left: 100%; }
    .gbs-col-lg-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-lg-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-lg-offset-9 { margin-left: 75%; }
    .gbs-col-lg-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-lg-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-lg-offset-6 { margin-left: 50%; }
    .gbs-col-lg-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-lg-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-lg-offset-3 { margin-left: 25%; }
    .gbs-col-lg-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-lg-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-lg-offset-0 { margin-left: 0; }
}

/*** min-width = 1280px ***/
@media screen and (min-width: 80em) {
    .gbsContainer { padding: 26px; }
    .gbsContainerLarge { padding: 54px 26px 63px; }
    .gbsContainerMedium { padding: 36px 26px; }
    .gbsContainerLargeTop { padding: 54px 26px 0; }

    .gbs-grid-row { margin-left: -13px; margin-right: -13px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 13px; padding-right: 13px; }
    /* Grid widths */
    .gbs-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-xl-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-xl-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-xl-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-xl-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-xl-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-xl-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-xl-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-xl-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-xl-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-xl-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-xl-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
	/* non standard columns */
	.gbs-col-xl-fifth {	flex: 0 0 20%;	max-width: 20%; }
	.gbs-col-xl-seventh { flex: 0 0 14.285714%;	max-width: 14.285714%; }
    /* Create margins between grids */
    .gbs-col-xl-offset-12 { margin-left: 100%; }
    .gbs-col-xl-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-xl-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-xl-offset-9 { margin-left: 75%; }
    .gbs-col-xl-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-xl-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-xl-offset-6 { margin-left: 50%; }
    .gbs-col-xl-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-xl-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-xl-offset-3 { margin-left: 25%; }
    .gbs-col-xl-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-xl-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-xl-offset-0 { margin-left: 0; }
}
.gbs-container-bottom-align { display: flex; flex-direction: column; height: 100%; } 
.gbs-bottom-align-left, .gbs-bottom-align-center, .gbs-bottom-align-right { margin-top: auto; }
.gbs-bottom-align-left { align-self: flex-start; } 
.gbs-bottom-align-center { align-self: center; } 
.gbs-bottom-align-right { align-self: flex-end; } 
	
	
.articleBox {min-height:160px;}



.vuiBorderBottom0px {border-bottom:0 !important;}
/* End of Investment Stewardship css. Do not modify */


/* Added by Mark Stevens for special table within article 02/26/2018 */
.color-box-table td { 
color: #FFF; 
text-align: center; 
}
.vuiBackgroundColorVanguardRed { 
background-color: #96151D; 
}


/* Tracyws Update 03/12/2018*/
a.gbs-parent-link:hover, a.gbs-parent-link:hover, a.gbs-parent-link:visited:hover {
    text-decoration: none;
}


/* Tracyws Update 03/12/2018*/
a.gbs-parent-link:hover .gbs-nested-link, a.gbs-parent-link:visited:hover .gbs-nested-link {
    border-bottom: 1px solid #96151D;
    text-decoration: none;
}


/* added for ETF camp by TS */
.gbsBorderAll {
    border: 1px solid;
}
.gbsPadding18 {
    padding: 18px!important;
}
.gbsMarginRight18 {
    margin-right: 18px!important;
}
.gbsMarginLeft18 {
    margin-left: 18px!important;
}
.gbsButtonSmall {
    padding: 1rem 1.5rem;
    font-family: Univers-Condensed-Regular,Arial,Sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    background: #96151d;
    color: #FFF;
    margin: .6rem 0;
    white-space: nowrap;
}
.vuiDisplayInlineBlock {
    display: inline-block !important;
}
.vuiFontWhite {
    color: #FFF !important;
}
.vuiBackgroundColorBlack {
    background-color:#1a1a1a;}
/*-- fixing vuiFloatingConatiner from expanding outside the content container when pinned --*/
.gbsfloatingcontainerWidth {max-width:966px;}
/* =Accordions
-------------------------------------------------- */
/* Default accordion */
.gbs-accordion .vuiNavbox {
    margin: 0;
}
.gbs-accordion .vuiNavbox .vuiNavboxHead {
               font-family: Univers-Basic-Light,Arial,Sans-serif;
    font-size: 1.8rem;
   min-height: 36px;
    padding: 12px 0;
    background-color: #FFF;
    margin: 0;
}
.gbs-accordion .vuiNavboxHead h2, .gbs-accordion .vuiNavboxHead h3, .gbs-accordion .vuiNavboxHead h4, .gbs-accordion .vuiNavboxHead h5, .gbs-accordion .vuiNavboxHead h6 { 
               margin: 0;
               display: inline-block;
}
.vuiNavboxOpen .vuiNavboxHead {
    border-bottom: 1px dotted #999;
}
.gbs-accordion {
    border-top: 1px solid #999;
}
.gbs-accordion:last-child {
    border-bottom: 1px solid #999;
}
.gbs-accordion .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer {
    float: right;
    width: 36px;
    margin-left: 9px; 
               
}
.gbs-accordion .vuiNavbox > .vuiNavboxHead .vuiNavboxHeadContent { 
               width: calc(100% - 45px);
}
.gbs-accordion .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent {
    float: left;
               margin-top: 4px;
}
.gbs-accordion .vuiNavbox .vuiNavboxHead .vuiNavboxLabelContent .vuiNavboxLabelAnchor {
    text-decoration: none;
    color: #8d4900;
}

/** added to have styles available on other pages instead of Products only **/
.new, .updated, .closed {
        font-family: "Univers-Condensed-Medium", Arial, Sans-serif !important;
        font-size: 1rem;
        text-transform: uppercase;
}
.new {
color: #e37222;
}


/* added for ETF campaign page where the link is an image not text */
.gbs-accordion-wIMG .vuiNavbox .vuiNavboxHead:focus .vuiNavboxLabelContent .vuiNavboxLabelAnchor, .gbs-accordion-wIMG .vuiNavbox .vuiNavboxHead:hover .vuiNavboxLabelContent .vuiNavboxLabelAnchor {border-bottom: none;}

.gbs-accordion .vuiNavboxHead {
    display: table;
    width: 100%;
}
.gbs-accordion .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon {
    background: url(https://static.vgcontent.info/web/cf/gui/urdUI/latest/images/vg-gbs-ui/plus.svg); 
               background-repeat: no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}
.gbs-accordion .vuiNavboxOpen > .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon {
    background: url(https://static.vgcontent.info/web/cf/gui/urdUI/latest/images/vg-gbs-ui/minus.svg);
}
.gbs-accordion .vuiNavbox .vuiNavboxBody .vuiNavboxBodyContent {
    border: none;
    padding: 0;
}
.gbs-accordion:last-child {
    border-bottom: 1px solid #999;
}
/* End 04/12/2018 */

/* Floating feedback link */

 a#floatingFeedbackLink {
	position: fixed !important;
	bottom: 0;
	left: auto !important;
	background-color: #61584b;
	right: 0;
	padding: 9px;
	margin: 0;
	text-align: right;
	color: #fff !important;
	border: none;
	font-size: 16px;
        z-index: 500;
    	cursor: pointer;
 	text-decoration: underline;
}


a#floatingFeedbackLink:before {
	background-image: url(https://static.vgcontent.info/crp/intl/urd/images/icons/oo_icon.gif);
	background-size: cover;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	content: "";
	margin-right: 9px;
} 

@media print
{
    .cookie-container, #floatingFeedbackLink { display: none !important; }
}

#vgn-globalHeader .vgn-sitePreferences {
    display: none !important;
}



/* added by Tracy for Asset allocation page*/
/* info graphic / promotion graphic */
.gbs-info-graphic-104 {
	height: 104px;
	width: 104px;
}
                    
/*Active campaign 10/03/2019: added by Slim*/
                    
.gbs-hr-8 {
    border-top: 8px solid;
    margin: 0 0 16px;
                    }
.gbs-border-bottom-none {
    border-bottom: 0!important;
}
.gbs-display-block {
    display: block!important;
}
.gbs-container-bottom-align, .gbs-container-middle-align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.articleBoxImg {
    padding-bottom: 50%;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.gbs-position-relative {
    position: relative;
}
.gbs-border-vg-red  {
    border-color: #96151d!important;
                    }
.p_rr_18 {
    padding-right: 18px;
}
@media screen and (min-width: 48em) {
 .p_l_18-md {
    padding-left: 18px;
}
	.gbs-dotted-border-md {
	background:url(../images/icons/dot.png) repeat-y left top;
	padding-left: 9px;
}
}
  
/*Active campaign 10/03/2019: end*/
  

  /*Brand campaign 11/18/2019 TS*/
  
#portal .portal-button, #portal .portal-button:visited {
    text-decoration: none;
    padding: 0 2.4rem;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
    font-size: 14px;
    border-radius: 20px;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    color: #96151d;
}
#portal .portal-button:hover {
    text-decoration: none;
    background-color: #e2e2e2;
}
#portal .big-banner, #portal .big-banner-fr {
    line-height: normal;
    font-size: 3rem;
    font-family: Univers-Basic-Medium, Arial, sans-serif;
}
#portal .big-banner sup, #portal .big-banner-fr sup {
    font-size: 30px;
}
#portal a.bannerLink, #portal a.bannerLink:link, #portal a.bannerLink:visited {
    z-index: 100;
    position: absolute;
    bottom: 36px;
    right: 36px;
    left: auto;
    color: #ffffff;
    background-image: url(../images/icons/15_content_arrow_banner.png);
}
#portal-bottom, #portal-bottom p {
    font-family: Univers-Basic-Regular, Arial, sans-serif;
}
#portal-bottom p, #portal-bottom .navItem {
    font-size: 16px;
}
 font-family: Univers-Basic-Regular, Arial, sans-serif;
}
#portal-bottom .p_r_40 {
    padding-right: 40px;
}
#portal-bottom .portal-button, #portal-bottom .portal-button:visited {
    text-decoration: none;
    padding: 0 2.4rem;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
    font-size: 14px;
    border-radius: 20px;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #96151d;
    color: #fff;
}
#portal-bottom .portal-button:hover {
    text-decoration: none;
    background-color: #730f15;
}
#portal-bottom .navItem {
    padding: 9px 0px 9px 9px;
}
#portal-bottom .navHeading {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding: 15px 0px 15px 9px;
    border-top: 1px solid #d9d9d9;
}
#portal-bottom .navHeading:hover {
    color: #96151d;
    cursor: pointer;
}
#portal-bottom .open .navHeading {
    color: #96151d;
    background-color: #FFF;
}
#portal-bottom .open .vuiArrowDown {
    border-bottom-color: #96151d;
    border-top-width: 0px;
    border-bottom-width: 6px;
}
#portal-bottom .navHeading:hover .vuiArrowDown {
    border-top-color: #96151d;
}
#portal-bottom .navHeading:hover .open .vuiArrowDown {
    border-bottom-color: #96151d;
}
#portal-bottom .back-color-grey {
    background-color: #f4f4f4;
    padding: 24px 40px 24px 24px;
}


@media (min-width: 1001px) {
#portal .big-banner {
    font-size: 6rem;
}
#portal .big-banner-fr {
    font-size: 5rem;
	padding-bottom: 18px;
}
#portal {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://static.vgcontent.info/crp/ca8/caw/images/banners/canada-portal-banner.svg');
    background-position: center left;
    margin-bottom: 64px;
    height: 376px;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
}
}


@media screen and (min-width: 768px) and (max-width: 1000px) {
#portal .big-banner {
    font-size: 5.3rem;
}
#portal .big-banner-fr {
    font-size: 4rem;
}
#portal {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://static.vgcontent.info/crp/ca8/caw/images/banners/canada-portal-banner.svg');
    background-position: center left;
    margin-bottom: 64px;
    height: 376px;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
#portal .big-banner, #portal .big-banner-fr {
    font-size: 4rem;
}
#portal {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://static.vgcontent.info/crp/ca8/caw/images/banners/canada-portal-banner.svg');
    background-color: #96151d !important;
    background-position: center left;
    margin-bottom: 64px;
    height: 376px;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
}
}

@media screen and (max-width: 600px) {
#portal .big-banner, #portal .big-banner-fr {
    font-size: 4rem;
}
#portal {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url('https://static.vgcontent.info/crp/ca8/caw/images/banners/canada-portal-banner.svg');
    background-color: #96151d !important;
    margin-bottom: 64px;
    padding: 16px 16px 56px 16px;
    font-family: Univers-Basic-Regular, Arial, sans-serif;
}
}




/* New CSS Rules for Brand Campaing - 24/02/20 */

/*Brand Page specific*/


.tvd-bg-lgrey {
  background-color: #eaeaea;
}



.k-fts{
	background: -webkit-gradient(linear, left top, left bottom, from(#828282), to(#383838));
	background: -o-linear-gradient(top, #828282, #383838);
	background: linear-gradient(to bottom, #828282, #383838); 
	max-width: 330px;
	text-align: center;
}

.k-fts:hover{
	background: -webkit-gradient(linear, left bottom, left top, from(#828282), to(#383838));
	background: -o-linear-gradient(bottom, #828282, #383838);
	background: linear-gradient(to top, #828282, #383838);
	
}

.bp-hgt-80{height: 80px;}  

/*General Rules*/
.de-btn-red {
  padding: 8px 30px;
  font-weight: normal;
  border: 1px solid #96151d;
  border-radius: 44px;
  color: #fff !important;
  width: 250px;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.8rem;
  height: 44px;
  margin: 0;
  background-color: #96151d;
  cursor: pointer;
}
.de-btn-red:hover {
  background-color: #7d111d;
	border: 1px solid #7d111d;
}
.jc-spa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* New CSS Rules for Brand Campaing - END */
                                 
                                 
                                 /* new css added for market volatility page */
.gbs-bottom-margin-gutter {
    margin-bottom: 16px;
}
.gbs-border-all {
    border: 1px solid !important;
}
.gbs-border-grey {
    border-color: #ccc !important;
}
.gbs-rounded-corners-3 {
    border-radius: 3px;
}
/*** Buttons ***/
.gbs-button {
    padding: 0 2.4rem;
    font-family: Univers-Basic-Regular, Arial, "sans-serif";
    font-size: 1.4rem;
    border-radius: 20px;
    white-space: nowrap;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border-style: solid;
    border-width: 1px;
    margin: 0 8px 8px 0;
}
.gbs-button:before {
    content: '';
    position: absolute;
    height: 34px;
    border-radius: 20px;
    display: block;
    width: calc(100% - 4px);
    left: 1px;
    top: 1px;
}
.gbs-button:focus {
    outline: none;
}
.gbs-button:focus:before {
    border-width: 1px;
    border-style: dotted;
}
/* Solid button options */
.gbs-solid-button-vg-red, a.gbs-solid-button-vg-red, .gbs-solid-button-black, a.gbs-solid-button-black {
    color: #FFF;
}
.gbs-solid-button-white, a.gbs-solid-button-white {
    color: #1A1A1A;
}
.gbs-solid-button-white-red, a.gbs-solid-button-white-red {
    color: #96151D;
}
.gbs-solid-button-vg-red {
    background-color: #96151D;
    border-color: #96151D;
}
.gbs-solid-button-black {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
}
.gbs-solid-button-white, .gbs-solid-button-white-red {
    background-color: #FFF;
    border-color: #FFF;
}
.gbs-solid-button-vg-red:focus, .gbs-solid-button-vg-red:hover {
    background-color: #730F15;
    border-color: #730F15;
}
.gbs-solid-button-black:focus, .gbs-solid-button-black:hover {
    background-color: #666;
    border-color: #666;
}
.gbs-solid-button-white:focus, .gbs-solid-button-white:hover, .gbs-solid-button-white-red:focus, .gbs-solid-button-white-red:hover {
    background-color: #E2E2E2;
    border-color: #E2E2E2;
}
.gbs-solid-button-white:focus, .gbs-solid-button-white:hover {
    color: #1A1A1A;
}
.gbs-solid-button-white-red:focus, .gbs-solid-button-white-red:hover {
    color: #96151D;
}

/** fonts **/
.heading2 {
    font-family: Univers-Basic-Medium, Arial, "sans-serif";
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 28px;
}
/** tabs **/
#market-volatility-history-timeline .vuiTabLabel {font-family: Univers-Basic-Regular, Arial, "sans-serif"; font-size:12px; text-align: center;}
#market-volatility-history-timeline .vuiTab, #market-volatility-history-timeline .vuiTab:hover {padding: 6px;}
@media screen and (min-width: 48em) {
#market-volatility-history-timeline .vuiTabLabel {font-size:16px;}
#market-volatility-history-timeline .vuiTab, #market-volatility-history-timeline .vuiTab:hover {padding: 8px 11px 7px;}
}


.customTabStyleMarketVolatility .tabTitle {
    font-size: 27px;
    margin-bottom: 18px;
}


.customTabStyleMarketVolatility .vuiTabContainer {
    padding-left: 8%;
    padding-right: 8%;
    background-color: #333
}


.customTabStyleMarketVolatility .vuiTab {
    text-decoration: none;
    line-height: 18px;
    padding: 36px 36px 0px 36px;
    text-align: center;
    color: #FFFFFF;
    background-color: #333333;
}
.customTabStyleMarketVolatility .vuiTabSelected {
    color:#FFFFFF;
    background-color: #96151d;
    position: relative;
    cursor: default;
    text-decoration: none;
}

.customTabStyleMarketVolatility .vuiTabSelected:hover { 
    color: #FFFFFF !important;}

.customTabStyleMarketVolatility .vuiTabSelected .vuiIcon {
    border-top: 12px solid #96151d ;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -13px;
}
.customTabStyleMarketVolatility .dividerDotted {
    border-left: 1px dotted #ffffff;
    padding-left: 36px;
    padding-right: 36px;
    top: 25%;
    bottom: 25%;
}

.customTabStyleMarketVolatility .vuiTabs a.vuiTab + a.vuiTab .dividerDotted {
    border-left: 1px dotted #ffffff;


}
.customTabStyleMarketVolatility .vuiTabs a.vuiTab:first-child .dividerDotted {
    border-left: 1px dotted #ffffff;
}

.customTabStyleMarketVolatility .vuiTabs a.vuiTab:last-child .dividerDotted  {
    border-right: 1px dotted #ffffff;
}

.customTabStyleMarketVolatility .vuiTabs a.vuiTab.vuiTabSelected + a.vuiTab  .dividerDotted {
    border-left: none !important;
}

.customTabStyleMarketVolatility .vuiTabs a.vuiTabSelected .dividerDotted{
    border: none !important;
}

.customTabStyleMarketVolatility .vuiTabSelected:hover { 
    color: #FFFFFF !important;}

.customTabStyleMarketVolatility .vuiTabSelected:focus { 
    color: #FFFFFF !important;}

.customTabStyleMarketVolatility .vuiTab:hover { 
    color: #FFFFFF !important;}


/* medium screen */

@media screen and (min-width: 600px) and (max-width: 1000px) {

    .customTabStyleMarketVolatility .vuiTabContainer{
        padding-left: 0px;
        padding-right: 0px;
    }

    .customTabStyleMarketVolatility .vuiTab .tabSubContent{
        padding-bottom:18px;
    }
    .customTabStyleMarketVolatility  .vuiTabs a.vuiTab:last-child .dividerDotted{
        border-right:none;
        padding-right: 9px;
        padding-left: 9px;
    }
    .customTabStyleMarketVolatility  .vuiTabs a.vuiTab:first-child .dividerDotted{
        border-left:none;
        padding-right: 9px;
        padding-left: 9px;
    }

}
/* small  screen */

@media screen and (max-width: 599px) {

    .customTabStyleMarketVolatility .tabSubContent {
        display: none;
    }

    .customTabStyleMarketVolatility .vuiTab {
        padding: 8px 8px 8px;

    }

    .customTabStyleMarketVolatility .tabTitle {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .vuiTabSetStyle4 .vuiTabContainer {
        padding-left: 4px;
        padding-right: 4px;
    }

    .customTabStyleMarketVolatility .vuiTabs a.vuiTab:last-child .dividerDotted {
        border-right: none;
        padding-right: 4px;
        padding-left: 4px;
    }

    .customTabStyleMarketVolatility .vuiTabs a.vuiTab:first-child .dividerDotted {
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
    }

    .customTabStyleMarketVolatility .vuiTabs a.vuiTab + a.vuiTab .dividerDotted {
        padding-right: 4px;
        padding-left: 4px;
    }

} 
/* end new css added for market volatility page */